/*
  学习目标：jsx插值表达式- 三元表达式, 逻辑且, JSX
  语法: {表达式}
  基本数据类型: string number  null undefined boolean
  引用数据类型: 对象 数组 函数
  其它: 
  
   
*/

import React from 'react';
import ReactDOM from 'react-dom';

const isLoading = true;
const title = <h4>hello react</h4>;

const ulNode2 = (
  <div>
    {/* 三元表达式 */}
    <h1>{isLoading ? '加载中' : '正常显示'}</h1>
    {/* 逻辑且等价于下方的三元表达式 */}
    <h2>{isLoading && '加载中'}</h2>
    {/* JSX */}
    {title}
  </div>
);

ReactDOM.render(ulNode2, document.getElementById('root'));
